<html>

<head>

<script type="text/javascript">

</script>

<style type="text/css">

div.text_div {
	z-index: 0;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50px;
	left: 50px;
}

div.frame_div {
	position: absolute;
	top: -10px;
	left: -10px;
	width: 70px;
	height: 70px;
/*	z-index: -1;*/
}

div.text_div div.frame_div {
	visibility: hidden;
/*	background-color: green;*/
}

div.text_div:hover div.frame_div {
	visibility: visible;
}

div.text_div {
	background-color: gray;
}

div.move_div, div.delete_div {
	position: absolute;
	width: 20px;
	height: 20px;
	z-index: 5;
}

div.move_div {
	background-color: blue;
	top: 0px;
	left: 0px;
}

div.delete_div {
	background-color: red;
	top: 0px;
	right: 0px;
}

</style>

</head>

<body>

<div id="div1" class="text_div">
	<div id="div1_frame" class="frame_div">
		<div id="div1_move" class="move_div"></div>
		<div id="div1_delete" class="delete_div"></div>
	</div>

</div>





